<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title>校园电影预约管理系统</title>
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <link rel="stylesheet" href="/static/css/font.css">
        <link rel="stylesheet" href="/static/css/xadmin.css">
        <link rel="stylesheet" href="/static/css/style0.css">
        <!-- <link rel="stylesheet" href="./css/theme5.css"> -->
        <script src="/static/lib/layui/layui.js" charset="utf-8"></script>
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        <!--[if lte IE 9]>
  <script>if (!/update\.htm/.test(location.href)) window.location = '//abc.com/update.htm'; </script>
<![endif]-->

        <style>
    #tool{
        position: fixed;
        height: 300px;
        width: 100%;
        bottom: 0px;
        background: #fff;
        border-top: 5px solid #019587;
        overflow: auto;
        background: #E3E3E3;
        padding-top: 15px;
        box-sizing: border-box;
        display: none;
        z-index: 999;
        /*padding-right: 250px;*/
    }
    body{
        height: 100%;overflow: hidden;
    }
    #save{
        position: fixed;
        bottom:30px;
        right: 30px;
        z-index: 999;
    }
    .layui-form-switch{
        margin-top: 0px;
    }
</style>
    </head>
    <body class="index">
        <div id="divvuehtml">
        <!-- 顶部开始 -->
        <div class="container">
            <div class="logo">
                <a href="/main/index">校园电影预约管理系统</a>
            </div>
            <div class="left_open">
                <a><i title="展开左侧栏" class="iconfont">&#xe699;</i></a>
            </div>
            <!--<ul class="layui-nav left fast-add" lay-filter="">
                <li class="layui-nav-item">
                    <a href="javascript:;">+新增</a>
                    <dl class="layui-nav-child">
                        &lt;!&ndash; 二级菜单 &ndash;&gt;
                        <dd>
                            <a onclick="xadmin.open('最大化','http://www.baidu.com','','',true)">
                                <i class="iconfont">&#xe6a2;</i>弹出最大化</a></dd>
                        <dd>
                            <a onclick="xadmin.open('弹出自动宽高','http://www.baidu.com')">
                                <i class="iconfont">&#xe6a8;</i>弹出自动宽高</a></dd>
                        <dd>
                            <a onclick="xadmin.open('弹出指定宽高','http://www.baidu.com',500,300)">
                                <i class="iconfont">&#xe6a8;</i>弹出指定宽高</a></dd>
                        <dd>
                            <a onclick="xadmin.add_tab('在tab打开','member-list.html')">
                                <i class="iconfont">&#xe6b8;</i>在tab打开</a></dd>
                        <dd>
                            <a onclick="xadmin.add_tab('在tab打开刷新','member-del.html',true)">
                                <i class="iconfont">&#xe6b8;</i>在tab打开刷新</a></dd>
                    </dl>
                </li>
            </ul>
-->
             <ul class="layui-nav left fast-add" lay-filter="">
                <li class="layui-nav-item">
                    <a href="javascript:;">+主题</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd class="layui-this">
                            <a onclick="colorstyle(0)">
                                <i class="iconfont">&#xe6a8;</i>黑色简约</a></dd>
                        <dd>
                            <a onclick="colorstyle(1)">
                                <i class="iconfont">&#xe6a8;</i>黑色小可爱 </a></dd>
                        <dd>
                            <a onclick="colorstyle(2)">
                                <i class="iconfont">&#xe6b8;</i>红色</a></dd>
                        <dd>
                            <a onclick="colorstyle(3)">
                                <i class="iconfont">&#xe6b8;</i>蓝色</a></dd>
                        <dd>
                            <a onclick="colorstyle(4)">
                                <i class="iconfont">&#xe6b8;</i>非主流</a></dd>
                    </dl>
                </li>
            </ul>

           <!-- <ul class="layui-nav left fast-add" lay-filter="">
                <li><marquee behavior="scroll" style="margin-top: 5px;font-size: 25px;">系统公告</marquee></li>
            </ul>-->

            <ul class="layui-nav right" lay-filter="">
                <li class="layui-nav-item">
                    <a href="javascript:;">欢迎：{{userItem.username}}</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:void(0)" onclick="logout();return false;">退出</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <!-- 顶部结束 -->
        <!-- 中部开始 -->
        <!-- 左侧菜单开始 -->
        <div class="left-nav">
            <div id="side-nav">
                <ul id="nav">
                    <li>
                        <a href="javascript:;">
                            <i class="iconfont left-nav-li" lay-tips="个人信息管理">&#xe6ae;</i>
                            <cite>个人信息管理</cite>
                            <i class="iconfont nav_right">&#xe697;</i></a>
                        <ul class="sub-menu">
                            <li>
                                <a onclick="xadmin.add_tab('个人信息管理','/view/front/account/index.jsp')">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>个人信息</cite></a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a href="javascript:;">
                            <i class="iconfont left-nav-li" lay-tips="播放计划管理">&#xe6b8;</i>
                            <cite>播放计划管理</cite>
                            <i class="iconfont nav_right">&#xe697;</i></a>
                        <ul class="sub-menu">
                            <li>
                                <a onclick="xadmin.add_tab('播放计划管理','/view/front/plan/index.jsp')">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>播放计划列表</cite></a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <a href="javascript:;">
                            <i class="iconfont left-nav-li" lay-tips="播放预约列表">&#xe696;</i>
                            <cite>播放预约列表</cite>
                            <i class="iconfont nav_right">&#xe697;</i></a>
                        <ul class="sub-menu">
                            <li>
                                <a onclick="xadmin.add_tab('播放预约列表','/view/front/order/index.jsp')">
                                    <i class="iconfont">&#xe6a7;</i>
                                    <cite>播放预约列表</cite></a>
                            </li>
                        </ul>
                    </li>

                </ul>
            </div>
        </div>
        <!-- <div class="x-slide_left"></div> -->
        <!-- 左侧菜单结束 -->
        <!-- 右侧主体开始 -->
        <div class="page-content">
            <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
                <ul class="layui-tab-title">
                    <li class="home">
                        <i class="layui-icon">&#xe68e;</i>我的桌面</li></ul>
                <div class="layui-unselect layui-form-select layui-form-selected" id="tab_right">
                    <dl>
                        <dd data-type="this">关闭当前</dd>
                        <dd data-type="other">关闭其它</dd>
                        <dd data-type="all">关闭全部</dd></dl>
                </div>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <iframe src="/view/admin/welcome.jsp" frameborder="0" scrolling="yes" class="x-iframe"></iframe>
                    </div>
                </div>
                <div id="tab_show"></div>
            </div>
        </div>
        <div class="page-content-bg"></div>
   <!-- 右侧主体结束 -->
   <!-- 中部结束 -->
    </div>
    </body>
    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/js/vue.js"></script>
    <script type="text/javascript" src="/static/js/xadmin.js"></script>
    <script type="text/javascript">
    //var guide = layui.data('guide');
    // 是否开启刷新记忆tab功能
    var is_remember = false;
     //vue 初始化 读取顺序，首先读取vue created函数，然后读取mounted函数，最后读取layui函数
     var ve = new Vue({
    	    el: '#divvuehtml',//绑定vue渲染范围
    	    data: {
    	        menuItems:[],//初始化菜单资源list
                userItem:{}
    	    },
    	    created: function () {//vue在打开html前初始化创建函数
                  this.getUser();  //获取用户信息
    	    },
    	    mounted: function () {//初始化html完成后在进行操作

    	    },
    	    methods: {//调用函数
    	        addTab: function (text,href) {
    	        	xadmin.add_tab(text,href)
    	        },getUser: function(){
                    $.get("/LoginServlet?method=get",{},function(data){
                        if(data.success){
                            ve.userItem = data.data;
                        }else{
                            layer.alert("登录信息已过期，请重新登录", {
                                icon : 5
                            }, function() {
                                location.href="/";
                            });
                        }
                    },"json")
                }
    	    },updated: function () {
    	    	layui.use('element', function(){
    	    		var element = layui.element;
    	    		element.render();
    	    	});
    	    }
    	});

     //移动已经加载过的js/css
     function removejscssfile(filename,filetype){

     var targetelement=(filetype=="js")? "script" :(filetype=="css")? "link" : "none"

     var targetattr=(filetype=="js")?"src" : (filetype=="css")? "href" :"none"

     var allsuspects=document.getElementsByTagName(targetelement)

     for (var i=allsuspects.length; i>=0;i--){

     if (allsuspects[i] &&allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1)

       allsuspects[i].parentNode.removeChild(allsuspects[i])

     }

     }

     function loadjscssfile(filename, filetype){

    	 if (filetype=="js"){

    	 var fileref=document.createElement('script')

    	 fileref.setAttribute("type","text/javascript")

    	 fileref.setAttribute("src",filename)

    	 }

    	 else if (filetype=="css"){

    	 var fileref=document.createElement("link")

    	 fileref.setAttribute("rel","stylesheet")

    	 fileref.setAttribute("type","text/css")

    	 fileref.setAttribute("href",filename)

    	 }

    	 if (typeof fileref!="undefined")

    	 document.getElementsByTagName("head")[0].appendChild(fileref)

    }

    removejscssfile("/static/css/style0.css","css")
    removejscssfile("/static/css/style1.css","css")
    removejscssfile("/static/css/style2.css","css")
    removejscssfile("/static/css/style4.css","css")
    loadjscssfile("/static/css/style3.css","css");
     function colorstyle(type){
    		 if(type==0){
    			 removejscssfile("/static/css/style1.css","css")
    			 removejscssfile("/static/css/style2.css","css")
    			 removejscssfile("/static/css/style3.css","css")
    			 removejscssfile("/static/css/style4.css","css")
            	 loadjscssfile("/static/css/style0.css","css");
        	 }else if(type==1){
        		 removejscssfile("/static/css/style0.css","css")
    			 removejscssfile("/static/css/style2.css","css")
    			 removejscssfile("/static/css/style3.css","css")
    			 removejscssfile("/static/css/style4.css","css")
            	 loadjscssfile("/static/css/style1.css","css");
        	 }else if(type==2){
        		 removejscssfile("/static/css/style0.css","css")
    			 removejscssfile("/static/css/style1.css","css")
    			 removejscssfile("/static/css/style3.css","css")
    			 removejscssfile("/static/css/style4.css","css")
            	 loadjscssfile("/static/css/style2.css","css");
        	 }else if(type==3){
        		 removejscssfile("/static/css/style0.css","css")
    			 removejscssfile("/static/css/style1.css","css")
    			 removejscssfile("/static/css/style2.css","css")
    			 removejscssfile("/static/css/style4.css","css")
            	 loadjscssfile("/static/css/style3.css","css");
        	 }else if(type==4){
        		 removejscssfile("/static/css/style0.css","css")
    			 removejscssfile("/static/css/style1.css","css")
    			 removejscssfile("/static/css/style2.css","css")
    			 removejscssfile("/static/css/style3.css","css")
            	 loadjscssfile("/static/css/style4.css","css");
        	 }
     }
     //退出系统
     function logout(){
        layui.use('layer', function(){
    		 var layer = layui.layer;
    		 layer.confirm('你确定要退出系统吗？', {icon: 3, title:'提示'}, function(index){
                 location.href="/";
    		 });
    	});

     }
    </script>

</html>
